<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>教材</title>
<style>
/* 内联样式 */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #c4dbdc;
margin: 0;
padding: 0;
background-image: url(../images/go1.jpg);
    background-size: cover;
    background-position: center;
}

    h1 {
        
        text-align: center;
        color: #333;
        padding: 20px 0;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }

    p {
        font-size: 2em; /* 设置字体大小为当前基础大小的两倍 */
        text-align: center; /* 文本居中 */
    }

    .ul {
        list-style-type: none;
        padding: 0;
        margin: 20px;
    }

    .li {
        background-color: #fff;
        padding: 13px;
        margin-bottom: 8px;
        border: 1px solid #ccc;
        text-align: center;
    }

    h3 {
        margin: 0;
        font-size: 1.2em;
        color: #666;
    }

    h4 {
        text-align: center;
        margin-top: 20px;
    }

    h4 a {
        text-decoration: none;
        padding: 10px 20px;
        background-color: #337ab7;
        color: #fff;
        border-radius: 5px;
    }

    h4 a:hover {
        background-color: #23527c;
    }
</style>
</head>
<body>
   
<h1>西亚斯数字技术产业学院</h1>
<p>教材信息表</p>

<ul class="ul">
    {{range $book_page, $value := .book_slice}}
    <li class="li">
       row: {{$book_page }} bookname: {{$value.Bookname}} author: {{$value.Author}}
    </li>
    {{end}}
</ul>

<h4><a href="/index"> 返回 </a></h4>
</body>
</html>